.content{
    background: #efefef;--background: #efefef;
}
.tran-header{
    height: 150px;
    position: fixed;
    width: 100%;
}
.tran-money-select{
    padding: 0px; background: #fff;--background: #fff;
    ion-row{
        border-bottom: 1px solid #E8E9EC; text-align: center; font-size: 12px;
        .time-label{
            color: #999;
        }
    }
    .tran-money{
        color: #666; padding: 10px 0px; font-weight: bold; 
        .t-m-val{
            color:#17408a;
        }
    }
    .tran-btn-col{
        text-align: right;
    }
    ion-button{
        margin: 0px 0px 2px; --background: #ff6565;
    }
    ion-datetime{
        padding: 0px; color: #999;
    }  
}
.tran-type-select{
    .active{
        border-bottom: 1px solid #ff6565;
    }
}
.tran-select{
    display: flex; justify-content: space-around;height: 40px;align-items: center; background: #efefef;
    span{
        width: 50px;
        height: 24px;
        line-height: 24px;
        display: block;
        text-align: center;
        font-size: 14px;
        border-radius: 5px;
        background: #fff;
        border: 1px solid #fff;
        &.select{
            border: 1px solid #ff6565; color:#ff6565;
        }
    }
    ion-datetime{
        font-size: 14px; --padding-bottom:2px;--padding-top:2px;--padding-end:2px;--padding-start:2px;border-radius: 5px;background: #fff;border: 1px solid #fff;
        &.select{
            border: 1px solid #ff6565; color:#ff6565;
        }
    }
}
.list-contain{
    margin-top: 160px;
}
.no-data{
    color: #555;
}

